doctype html
//html(lang='zh')
html(lang='zh')
    head
        meta(http-equiv='Content-Type', content='text/html; charset=UTF-8')
        // Meta, title, CSS, favicons, etc.
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        title 医学影像云服务平台
        // Bootstrap
        link(href='vendors/bootstrap/dist/css/bootstrap.min.css', rel='stylesheet')
        // Font Awesome
        link(href='vendors/font-awesome/css/font-awesome.min.css', rel='stylesheet')
        // NProgress
        link(href='vendors/nprogress/nprogress.css', rel='stylesheet')
        // iCheck
        link(href='vendors/iCheck/skins/flat/green.css', rel='stylesheet')


        // Datatables
        link(href='vendors/datatables.net-bs/css/dataTables.bootstrap.min.css', rel='stylesheet')
        link(href='vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css', rel='stylesheet')
        link(href='vendors/datatables.net-fixedheader-bs/css/fixedHeader.bootstrap.min.css', rel='stylesheet')
        link(href='vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css', rel='stylesheet')
        link(href='vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css')

        // bootstrap-progressbar
        //link(href='vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css', rel='stylesheet')

        // JQVMap
        //link(href='vendors/jqvmap/dist/jqvmap.min.css', rel='stylesheet')
        // bootstrap-daterangepicker
        //link(href='vendors/bootstrap-daterangepicker/daterangepicker.css', rel='stylesheet')
        // Custom Theme Style
        //link(href='/css/gentelella/custom.min.css', rel='stylesheet')
        link(href='css/gentelella/custom.css', rel='stylesheet')
        link(href='css/image-retrieval-list.css', rel='stylesheet')
    body.nav-md
        .container.body
            .main_container
                .col-md-3.left_col
                    .left_col.scroll-view
                        .navbar.nav_title(style='border: 0;')
                            a.site_title(href='index.html')
                                //i.fa.fa-paw
                                i.fa.fa-heartbeat
                                span 影像云平台
                        .clearfix
                        // menu profile quick info
                        .profile.clearfix
                            .profile_pic
                                img.img-circle.profile_img(src='img/img.jpg', alt='...')
                                // <img src="images/img.png" alt="..." class="img-circle profile_img">
                            .profile_info
                                span 欢迎,
                                h2 普通用户
                        // /menu profile quick info
                        br
                        // sidebar menu
                        #sidebar-menu.main_menu_side.hidden-print.main_menu
                            .menu_section
                                h3 个人用户
                                ul.nav.side-menu
                                    li
                                        a
                                            i.fa.fa-home
                                            |  疾病影像信息
                                            span.fa.fa-chevron-down
                                        ul.nav.child_menu
                                            li
                                                a(href='image-retrieval-list') 影像检索
                                            li
                                                a(href='index2.html') 影像浏览及下载
                                            li
                                                a(href='index3.html') 影像学技术与应用
                                            li
                                                a(href='index3.html') 疾病诊断指南
                                            li
                                                a(href='index3.html') 造影剂应用与进展
                                    li
                                        a
                                            i.fa.fa-edit
                                            |  影像管理
                                            span.fa.fa-chevron-down
                                        ul.nav.child_menu
                                            li
                                                a(href='upload') 影像上传
                                            li
                                                a(href='form_advanced.html') 影像删除
                                    li
                                        a
                                            i.fa.fa-desktop
                                            |  实时在线分析平台
                                            span.fa.fa-chevron-down
                                        ul.nav.child_menu
                                            li
                                                a(href='general_elements.html') 相关分析
                                            li
                                                a(href='media_gallery.html') 辅助分析
                                            li
                                                a(href='typography.html') 评价系统
                                    li
                                        a
                                            i.fa.fa-table
                                            |  出版云平台
                                            span.fa.fa-chevron-down
                                        ul.nav.child_menu
                                            li
                                                a(href='tables.html') 按需印刷
                                            li
                                                a(href='tables_dynamic.html') 自主出版
                // top navigation
                .top_nav
                    .nav_menu
                        nav
                            .nav.toggle
                                a#menu_toggle
                                    i.fa.fa-bars
                            ul.nav.navbar-nav.navbar-right
                                li
                                    a.user-profile.dropdown-toggle(href='javascript:;', data-toggle='dropdown', aria-expanded='false')
                                        //img(src='img/img.jpg', alt='')
                                        img(src='img/img.jpg', alt='')
                                        | 普通用户
                                        span.fa.fa-angle-down
                                    ul.dropdown-menu.dropdown-usermenu.pull-right
                                        li
                                            a(href='javascript:;')  用户信息
                                        li
                                            a(href='javascript:;')
                                                // <span class="badge bg-red pull-right">50%</span>
                                                span 用户管理
                                        li
                                            a(href='javascript:;') 用户帮助
                                        li
                                            a(href='login.html')
                                                i.fa.fa-sign-out.pull-right
                                                |  退出
                                li.dropdown(role='presentation')
                                    a.dropdown-toggle.info-number(href='javascript:;', data-toggle='dropdown', aria-expanded='false')
                                        i.fa.fa-envelope-o
                                        span.badge.bg-green 6
                                    ul#menu1.dropdown-menu.list-unstyled.msg_list(role='menu')
                                        li
                                            a
                                                span.image
                                                    img(src='img/img.jpg', alt='Profile Image')
                                                span
                                                    span 管理员
                                                    span.time 3 mins ago
                                                span.message
                                                    | Film festivals used to be do-or-die moments for movie makers. They were where...
                                        li
                                            a
                                                span.image
                                                    img(src='img/img.jpg', alt='Profile Image')
                                                span
                                                    span 管理员
                                                    span.time 3 mins ago
                                                span.message
                                                    | Film festivals used to be do-or-die moments for movie makers. They were where...
                                        li
                                            a
                                                span.image
                                                    img(src='img/img.jpg', alt='Profile Image')
                                                span
                                                    span 管理员
                                                    span.time 3 mins ago
                                                span.message
                                                    | Film festivals used to be do-or-die moments for movie makers. They were where...
                                        li
                                            a
                                                span.image
                                                    img(src='img/img.jpg', alt='Profile Image')
                                                span
                                                    span 管理员
                                                    span.time 3 mins ago
                                                span.message
                                                    | Film festivals used to be do-or-die moments for movie makers. They were where...
                                        li
                                            .text-center
                                                a
                                                    strong See All Alerts
                                                    i.fa.fa-angle-right
                // /top navigation

                //page content
                .right_col(role='main')
                    div
                        .page-title
                            .title_left
                                // <h3>E-commerce :: Product Page</h3>
                            .title_right
                                .input-group.top_search
                                    input#search-input.user-search.form-control(type='text', placeholder='输入关键词...')
                                    span.input-group-btn
                                        button.user-search-btn.btn.btn-default(type='button') 搜索
                                .col-md-5.col-sm-5.col-xs-12.form-group.pull-right.top_search

                            #search-filter-container.page-title.title_right
                                // Split button
                                .btn-group
                                    button.btn.btn-default(type='button') 年龄
                                    button.btn.btn-default.dropdown-toggle(type='button', data-toggle='dropdown', aria-expanded='false')
                                        span.caret
                                        span.sr-only Toggle Dropdown
                                    ul.dropdown-menu(role='menu')
                                        li
                                            a(href='#') 10-19岁
                                        li
                                            a(href='#') 20-29岁
                                        li
                                            a(href='#') 30-39岁
                                        //li.divider

                                // Split button
                                .btn-group
                                    button.btn.btn-default(type='button') 地区
                                    button.btn.btn-default.dropdown-toggle(type='button', data-toggle='dropdown', aria-expanded='false')
                                        span.caret
                                        span.sr-only Toggle Dropdown
                                    ul.dropdown-menu(role='menu')
                                        li
                                            a(href='#') 西安
                                        li
                                            a(href='#') 北京
                                        li
                                            a(href='#') 上海
                                        li
                                            a(href='#') 南京

                                // Split button
                                .btn-group
                                    button.btn.btn-default(type='button') 影像类型
                                    button.btn.btn-default.dropdown-toggle(type='button', data-toggle='dropdown', aria-expanded='false')
                                        span.caret
                                        span.sr-only Toggle Dropdown
                                    ul.dropdown-menu(role='menu')
                                        li
                                            a(href='#') CT检查

                                        li
                                            a(href='#') 磁共振检查
                                        li
                                            a(href='#') 超声检查
                                        li
                                            a(href='#') 传统放射检查
                                // Split button
                                .btn-group
                                    button.btn.btn-default(type='button') 医生姓名
                                    button.btn.btn-default.dropdown-toggle(type='button', data-toggle='dropdown', aria-expanded='false')
                                        span.caret
                                        span.sr-only Toggle Dropdown
                                    ul.dropdown-menu(role='menu')
                                        li
                                            a(href='#') 张三
                                        li
                                            a(href='#') 李四
                                        li
                                            a(href='#') 王五
                                //科室
                                .btn-group
                                    button.btn.btn-default(type='button') 科室
                                    button.btn.btn-default.dropdown-toggle(type='button', data-toggle='dropdown', aria-expanded='false')
                                        span.caret
                                        span.sr-only Toggle Dropdown
                                    ul.dropdown-menu(role='menu')
                                        li
                                            a(href='#') 呼吸内科
                                        li
                                            a(href='#') 神经外科（脑外科）
                                        li
                                            a(href='#') 胸外科、心血管外科
                                //.col-sm-9
                                //    select.form-control#country-list(name='country')
                                //        each item in countries
                                //            option(selected=item.name == user.country)= item.name

                        .col-md-12.col-sm-12.col-xs-12
                            .x_panel
                                .x_title
                                    h2
                                        | 搜索结果
                                        small 列表
                                    ul.nav.navbar-right.panel_toolbox
                                        li
                                            a.collapse-link
                                                i.fa.fa-chevron-up
                                        //li.dropdown
                                        //    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
                                        //        i.fa.fa-wrench
                                        //    ul.dropdown-menu(role='menu')
                                        //        li
                                        //            a(href='#') Settings 1
                                        //        li
                                        //            a(href='#') Settings 2
                                        li
                                            a.close-link
                                                i.fa.fa-close
                                    .clearfix
                                .x_content
                                    p.text-muted.font-13.m-b-30
                                        //| DataTables has most features enabled by default, so all you need to do to use it with your own tables is to call the construction function:
                                        //code $().DataTable();
                                            //#datatable_wrapper.dataTables_wrapper.form-inline.dt-bootstrap.no-footer
                                            //    .row
                                            //        .col-sm-6
                                            //            #datatable_length.dataTables_length
                                            //                label
                                            //                    | Show
                                            //                    select.form-control.input-sm(name='datatable_length', aria-controls='datatable')
                                            //                        option(value='10') 10
                                            //                        option(value='25') 25
                                            //                        option(value='50') 50
                                            //                        option(value='100') 100
                                            //                    |  entries
                                            //        .col-sm-6
                                            //            #datatable_filter.dataTables_filter
                                            //                label
                                            //                    | Search:
                                            //                    input.form-control.input-sm(type='search', placeholder='', aria-controls='datatable')
                                        .row
                                            .col-sm-12
                                                table#datatable.table.table-striped.table-bordered.dataTable.no-footer(role='grid', aria-describedby='datatable_info')
                                                    thead
                                                        tr(role='row')
                                                            th
                                                            th.sorting_asc(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-sort='ascending', aria-label='Name: activate to sort column descending', style='width: 177px;') 疾病名称
                                                            th.sorting(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-label='Position: activate to sort column ascending', style='width: 100px;') 科室
                                                            th.sorting(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-label='Salary: activate to sort column ascending', style='width: 298px;') 征像
                                                            th.sorting(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-label='Age: activate to sort column ascending', style='width: 63px;') 年龄
                                                            th.sorting(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-label='Start date: activate to sort column ascending', style='width: 50px;') 性别
                                                            th.sorting(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-label='Office: activate to sort column ascending', style='width: 70px;') 影像类型
                                                            th.sorting(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-label='Salary: activate to sort column ascending', style='width: 60px;') 地区
                                                            th.sorting(tabindex='0', aria-controls='datatable', rowspan='1', colspan='1', aria-label='Salary: activate to sort column ascending', style='width: 100px;') 主治医生

                                                    tbody
                                                        each item in list
                                                            tr.odd(role='row' data-target=item._id)
                                                                td
                                                                    button
                                                                        img(src=item.img, alt='Profile Image')
                                                                        //img(src='img/img.jpg', alt='Profile Image')
                                                                td.sorting_1
                                                                    button !{item.disease_name}
                                                                    //button 气管性支气管
                                                                td
                                                                    button !{item.dept}
                                                                    //button 呼吸内科
                                                                td
                                                                    p !{item.character}
                                                                    //button character

                                                                td
                                                                    p !{item.age}
                                                                    //button 20
                                                                td
                                                                    p !{item.gender}
                                                                    //button 男
                                                                td
                                                                    button !{item.modality}
                                                                    //button CT

                                                                td
                                                                    p !{item.location}
                                                                    //button 西安

                                                                td
                                                                    p !{item.physician}
                                                                    //button 张三
                                        .row
                                            //.col-sm-5
                                            //    #datatable_info.dataTables_info(role='status', aria-live='polite') Showing 1 to 10 of 57 entries
                                            //.col-sm-7
                                            //    #datatable_paginate.dataTables_paginate.paging_simple_numbers
                                            //        ul.pagination
                                            //            li#datatable_previous.paginate_button.previous.disabled
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='0', tabindex='0') Previous
                                            //            li.paginate_button.active
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='1', tabindex='0') 1
                                            //            li.paginate_button
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='2', tabindex='0') 2
                                            //            li.paginate_button
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='3', tabindex='0') 3
                                            //            li.paginate_button
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='4', tabindex='0') 4
                                            //            li.paginate_button
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='5', tabindex='0') 5
                                            //            li.paginate_button
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='6', tabindex='0') 6
                                            //            li#datatable_next.paginate_button.next
                                            //                a(href='#', aria-controls='datatable', data-dt-idx='7', tabindex='0') Next

                //page content
                // footer content
                //footer
                //    .pull-right
                //        | 医疗影像平台 @西安交通大学 2017
                //        a(href='https://colorlib.com')
                //    .clearfix
                // /footer content
        // jQuery
        script(src='vendors/jquery/dist/jquery.min.js')
        // Bootstrap
        script(src='vendors/bootstrap/dist/js/bootstrap.min.js')
        // FastClick
        script(src='vendors/fastclick/lib/fastclick.js')

        //Datatables
        script(src='vendors/datatables.net/js/jquery.dataTables.min.js')
        script(src='vendors/datatables.net-bs/js/dataTables.bootstrap.min.js')
        script(src='vendors/datatables.net-buttons/js/dataTables.buttons.min.js')
        script(src='vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js')
        script(src='vendors/datatables.net-buttons/js/buttons.flash.min.js')
        script(src='vendors/datatables.net-buttons/js/buttons.html5.min.js')
        script(src='vendors/datatables.net-buttons/js/buttons.print.min.js')
        script(src='vendors/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js')
        script(src='vendors/datatables.net-keytable/js/dataTables.keyTable.min.js')
        script(src='vendors/datatables.net-responsive/js/dataTables.responsive.min.js')
        script(src='vendors/datatables.net-responsive-bs/js/responsive.bootstrap.js')
        script(src='vendors/datatables.net-scroller/js/dataTables.scroller.min.js')
        script(src='vendors/jszip/dist/jszip.min.js')
        script(src='vendors/pdfmake/build/pdfmake.min.js')
        script(src='vendors/pdfmake/build/vfs_fonts.js')

        // Custom Theme Scripts
        script(src='js/gentelella/custom.min.js')
        script(src='js/views/image-retrieval-list.js')

        //script(src='js/gentelella/custom.js')
